
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">

    <style type="text/css">

        @font-face {font-family: "fafont";
          src: url('iconfont.eot'); /* IE9*/
          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('iconfont.woff') format('woff'), /* chrome, firefox */
          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('iconfont.svg#fafont') format('svg'); /* iOS 4.1- */
        }

        .fafont {
          font-family:"fafont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon fafont">&#xe6bb;</i>
                    <div class="name">打印</div>
                    <div class="code">&amp;#xe6bb;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe600;</i>
                    <div class="name">电脑</div>
                    <div class="code">&amp;#xe600;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe62a;</i>
                    <div class="name">设置</div>
                    <div class="code">&amp;#xe62a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a9;</i>
                    <div class="name">轮椅;</div>
                    <div class="code">&amp;#xe6a9;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b8;</i>
                    <div class="name">wuneiwifi</div>
                    <div class="code">&amp;#xe6b8;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b6;</i>
                    <div class="name">健身</div>
                    <div class="code">&amp;#xe6b6;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b9;</i>
                    <div class="name">信用卡1</div>
                    <div class="code">&amp;#xe6b9;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe640;</i>
                    <div class="name">医疗</div>
                    <div class="code">&amp;#xe640;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe656;</i>
                    <div class="name">i-窗帘</div>
                    <div class="code">&amp;#xe656;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6be;</i>
                    <div class="name">i-睡眠效率</div>
                    <div class="code">&amp;#xe6be;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe67e;</i>
                    <div class="name">笑脸</div>
                    <div class="code">&amp;#xe67e;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe67f;</i>
                    <div class="name">会议室</div>
                    <div class="code">&amp;#xe67f;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe60d;</i>
                    <div class="name">办公</div>
                    <div class="code">&amp;#xe60d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6d6;</i>
                    <div class="name">收费停车场</div>
                    <div class="code">&amp;#xe6d6;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe626;</i>
                    <div class="name">阳台</div>
                    <div class="code">&amp;#xe626;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6c0;</i>
                    <div class="name">洗衣服务</div>
                    <div class="code">&amp;#xe6c0;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe607;</i>
                    <div class="name">长途汽车</div>
                    <div class="code">&amp;#xe607;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6f8;</i>
                    <div class="name">行李</div>
                    <div class="code">&amp;#xe6f8;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe680;</i>
                    <div class="name">icon_无烟房</div>
                    <div class="code">&amp;#xe680;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe681;</i>
                    <div class="name">蛋糕</div>
                    <div class="code">&amp;#xe681;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe631;</i>
                    <div class="name">婴儿车</div>
                    <div class="code">&amp;#xe631;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe8a9;</i>
                    <div class="name">热水</div>
                    <div class="code">&amp;#xe8a9;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe635;</i>
                    <div class="name">消毒</div>
                    <div class="code">&amp;#xe635;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6bc;</i>
                    <div class="name">停车场</div>
                    <div class="code">&amp;#xe6bc;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe682;</i>
                    <div class="name">商务</div>
                    <div class="code">&amp;#xe682;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe655;</i>
                    <div class="name">沙发</div>
                    <div class="code">&amp;#xe655;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe69e;</i>
                    <div class="name">微波炉</div>
                    <div class="code">&amp;#xe69e;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe617;</i>
                    <div class="name">mobile power 充电宝</div>
                    <div class="code">&amp;#xe617;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe884;</i>
                    <div class="name">厨房</div>
                    <div class="code">&amp;#xe884;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe60c;</i>
                    <div class="name">门票</div>
                    <div class="code">&amp;#xe60c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe683;</i>
                    <div class="name">热水</div>
                    <div class="code">&amp;#xe683;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe684;</i>
                    <div class="name">前台</div>
                    <div class="code">&amp;#xe684;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe75a;</i>
                    <div class="name">电话</div>
                    <div class="code">&amp;#xe75a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe685;</i>
                    <div class="name">游泳池</div>
                    <div class="code">&amp;#xe685;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe605;</i>
                    <div class="name">服务帮</div>
                    <div class="code">&amp;#xe605;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe646;</i>
                    <div class="name">汽车</div>
                    <div class="code">&amp;#xe646;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe686;</i>
                    <div class="name">电梯</div>
                    <div class="code">&amp;#xe686;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe775;</i>
                    <div class="name">音响</div>
                    <div class="code">&amp;#xe775;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe687;</i>
                    <div class="name">中餐</div>
                    <div class="code">&amp;#xe687;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe688;</i>
                    <div class="name">宽带改号</div>
                    <div class="code">&amp;#xe688;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6ad;</i>
                    <div class="name">卫星</div>
                    <div class="code">&amp;#xe6ad;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6bf;</i>
                    <div class="name">suv汽车</div>
                    <div class="code">&amp;#xe6bf;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe69d;</i>
                    <div class="name">插座</div>
                    <div class="code">&amp;#xe69d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6c3;</i>
                    <div class="name">热水器</div>
                    <div class="code">&amp;#xe6c3;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6aa;</i>
                    <div class="name">自行车</div>
                    <div class="code">&amp;#xe6aa;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a7;</i>
                    <div class="name">wifi连接（默认）-01</div>
                    <div class="code">&amp;#xe6a7;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe68a;</i>
                    <div class="name">闹钟</div>
                    <div class="code">&amp;#xe68a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe621;</i>
                    <div class="name">公交</div>
                    <div class="code">&amp;#xe621;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe61b;</i>
                    <div class="name">床</div>
                    <div class="code">&amp;#xe61b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe7ff;</i>
                    <div class="name">吹风机</div>
                    <div class="code">&amp;#xe7ff;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe619;</i>
                    <div class="name">餐具</div>
                    <div class="code">&amp;#xe619;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe618;</i>
                    <div class="name">称重</div>
                    <div class="code">&amp;#xe618;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe69c;</i>
                    <div class="name">拖鞋</div>
                    <div class="code">&amp;#xe69c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe70a;</i>
                    <div class="name">洗漱用品</div>
                    <div class="code">&amp;#xe70a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe613;</i>
                    <div class="name">咖啡机</div>
                    <div class="code">&amp;#xe613;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe61a;</i>
                    <div class="name">洗衣粉</div>
                    <div class="code">&amp;#xe61a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe602;</i>
                    <div class="name">鲜花单品</div>
                    <div class="code">&amp;#xe602;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xebbe;</i>
                    <div class="name">服务_o</div>
                    <div class="code">&amp;#xebbe;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe68b;</i>
                    <div class="name">热水壶</div>
                    <div class="code">&amp;#xe68b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe68c;</i>
                    <div class="name">wifi</div>
                    <div class="code">&amp;#xe68c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe657;</i>
                    <div class="name">播放</div>
                    <div class="code">&amp;#xe657;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6ac;</i>
                    <div class="name">接机服务</div>
                    <div class="code">&amp;#xe6ac;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6ae;</i>
                    <div class="name">酒吧</div>
                    <div class="code">&amp;#xe6ae;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6af;</i>
                    <div class="name">国际长途1</div>
                    <div class="code">&amp;#xe6af;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b0;</i>
                    <div class="name">外币兑换</div>
                    <div class="code">&amp;#xe6b0;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b1;</i>
                    <div class="name">咖啡厅</div>
                    <div class="code">&amp;#xe6b1;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b2;</i>
                    <div class="name">邮政服务</div>
                    <div class="code">&amp;#xe6b2;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b3;</i>
                    <div class="name">西式餐厅</div>
                    <div class="code">&amp;#xe6b3;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b4;</i>
                    <div class="name">早餐</div>
                    <div class="code">&amp;#xe6b4;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b5;</i>
                    <div class="name">专职行李员</div>
                    <div class="code">&amp;#xe6b5;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6b7;</i>
                    <div class="name">桑拿房</div>
                    <div class="code">&amp;#xe6b7;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe645;</i>
                    <div class="name">秘书服务</div>
                    <div class="code">&amp;#xe645;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe647;</i>
                    <div class="name">叫车服务</div>
                    <div class="code">&amp;#xe647;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe648;</i>
                    <div class="name">雨伞租借服务</div>
                    <div class="code">&amp;#xe648;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe649;</i>
                    <div class="name">擦鞋服务</div>
                    <div class="code">&amp;#xe649;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe64a;</i>
                    <div class="name">多种语言服务人员</div>
                    <div class="code">&amp;#xe64a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe64b;</i>
                    <div class="name">房间消毒</div>
                    <div class="code">&amp;#xe64b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe64c;</i>
                    <div class="name">租借笔记本</div>
                    <div class="code">&amp;#xe64c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe64d;</i>
                    <div class="name">管家服务</div>
                    <div class="code">&amp;#xe64d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe64e;</i>
                    <div class="name">一次性洗漱用品</div>
                    <div class="code">&amp;#xe64e;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe64f;</i>
                    <div class="name">提供发票</div>
                    <div class="code">&amp;#xe64f;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe650;</i>
                    <div class="name">旅游服务</div>
                    <div class="code">&amp;#xe650;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe651;</i>
                    <div class="name">收费接机</div>
                    <div class="code">&amp;#xe651;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe652;</i>
                    <div class="name">外送洗衣服务</div>
                    <div class="code">&amp;#xe652;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe653;</i>
                    <div class="name">信用卡结算服务</div>
                    <div class="code">&amp;#xe653;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe654;</i>
                    <div class="name">一次性账单结算服务</div>
                    <div class="code">&amp;#xe654;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe658;</i>
                    <div class="name">部分时间段大堂经理</div>
                    <div class="code">&amp;#xe658;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe659;</i>
                    <div class="name">部分时间段前台服务</div>
                    <div class="code">&amp;#xe659;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe65a;</i>
                    <div class="name">穿梭机场班车</div>
                    <div class="code">&amp;#xe65a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe65b;</i>
                    <div class="name">独立淋浴间</div>
                    <div class="code">&amp;#xe65b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe65c;</i>
                    <div class="name">传真、复印</div>
                    <div class="code">&amp;#xe65c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe65d;</i>
                    <div class="name">茶壶</div>
                    <div class="code">&amp;#xe65d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe65e;</i>
                    <div class="name">翻译服务</div>
                    <div class="code">&amp;#xe65e;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe65f;</i>
                    <div class="name">多媒体演示系统</div>
                    <div class="code">&amp;#xe65f;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe660;</i>
                    <div class="name">干洗服务</div>
                    <div class="code">&amp;#xe660;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe661;</i>
                    <div class="name">公共区域闭路电视监控系统</div>
                    <div class="code">&amp;#xe661;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe662;</i>
                    <div class="name">国际长途电话</div>
                    <div class="code">&amp;#xe662;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe663;</i>
                    <div class="name">房间内高速上网</div>
                    <div class="code">&amp;#xe663;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe664;</i>
                    <div class="name">滑雪用具寄存</div>
                    <div class="code">&amp;#xe664;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe665;</i>
                    <div class="name">国内长途电话</div>
                    <div class="code">&amp;#xe665;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe666;</i>
                    <div class="name">欢迎礼品</div>
                    <div class="code">&amp;#xe666;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe667;</i>
                    <div class="name">咖啡壶</div>
                    <div class="code">&amp;#xe667;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe668;</i>
                    <div class="name">客房WIFI覆盖免费</div>
                    <div class="code">&amp;#xe668;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe669;</i>
                    <div class="name">旅游交通图</div>
                    <div class="code">&amp;#xe669;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe66a;</i>
                    <div class="name">礼宾服务</div>
                    <div class="code">&amp;#xe66a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe66b;</i>
                    <div class="name">可免费携带宠物</div>
                    <div class="code">&amp;#xe66b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe66c;</i>
                    <div class="name">空调</div>
                    <div class="code">&amp;#xe66c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe66d;</i>
                    <div class="name">旅游票务服务</div>
                    <div class="code">&amp;#xe66d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe66e;</i>
                    <div class="name">旅游票务专柜</div>
                    <div class="code">&amp;#xe66e;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe66f;</i>
                    <div class="name">免费报纸</div>
                    <div class="code">&amp;#xe66f;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe670;</i>
                    <div class="name">免费瓶装水</div>
                    <div class="code">&amp;#xe670;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe671;</i>
                    <div class="name">商务服务</div>
                    <div class="code">&amp;#xe671;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe672;</i>
                    <div class="name">收费电影</div>
                    <div class="code">&amp;#xe672;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe673;</i>
                    <div class="name">拖鞋</div>
                    <div class="code">&amp;#xe673;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe674;</i>
                    <div class="name">手动窗帘</div>
                    <div class="code">&amp;#xe674;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe675;</i>
                    <div class="name">所有公共及私人场所严禁吸烟</div>
                    <div class="code">&amp;#xe675;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe676;</i>
                    <div class="name">鸭绒被</div>
                    <div class="code">&amp;#xe676;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe677;</i>
                    <div class="name">携带宠物需额外收费</div>
                    <div class="code">&amp;#xe677;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe678;</i>
                    <div class="name">有线频道</div>
                    <div class="code">&amp;#xe678;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe679;</i>
                    <div class="name">遮光窗帘</div>
                    <div class="code">&amp;#xe679;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe67a;</i>
                    <div class="name">液晶电视机</div>
                    <div class="code">&amp;#xe67a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe67b;</i>
                    <div class="name">针线包</div>
                    <div class="code">&amp;#xe67b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe67c;</i>
                    <div class="name">语音留言</div>
                    <div class="code">&amp;#xe67c;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe67d;</i>
                    <div class="name">专职门童</div>
                    <div class="code">&amp;#xe67d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe689;</i>
                    <div class="name">110V电压插座</div>
                    <div class="code">&amp;#xe689;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe68e;</i>
                    <div class="name">麻将</div>
                    <div class="code">&amp;#xe68e;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe68f;</i>
                    <div class="name">冰箱</div>
                    <div class="code">&amp;#xe68f;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe690;</i>
                    <div class="name">独立写字台</div>
                    <div class="code">&amp;#xe690;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe691;</i>
                    <div class="name">厨具</div>
                    <div class="code">&amp;#xe691;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe693;</i>
                    <div class="name">电饭锅</div>
                    <div class="code">&amp;#xe693;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe694;</i>
                    <div class="name">多种规格电源插座</div>
                    <div class="code">&amp;#xe694;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe695;</i>
                    <div class="name">电子磁卡门锁</div>
                    <div class="code">&amp;#xe695;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe696;</i>
                    <div class="name">接站服务</div>
                    <div class="code">&amp;#xe696;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe699;</i>
                    <div class="name">调味品</div>
                    <div class="code">&amp;#xe699;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe69a;</i>
                    <div class="name">沐浴间</div>
                    <div class="code">&amp;#xe69a;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe69b;</i>
                    <div class="name">小冰箱</div>
                    <div class="code">&amp;#xe69b;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe69f;</i>
                    <div class="name">浴缸</div>
                    <div class="code">&amp;#xe69f;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a0;</i>
                    <div class="name">浴室放大化妆镜</div>
                    <div class="code">&amp;#xe6a0;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a1;</i>
                    <div class="name">直饮水</div>
                    <div class="code">&amp;#xe6a1;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a2;</i>
                    <div class="name">浴衣</div>
                    <div class="code">&amp;#xe6a2;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a3;</i>
                    <div class="name">座椅</div>
                    <div class="code">&amp;#xe6a3;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a5;</i>
                    <div class="name">浴室放大化妆镜</div>
                    <div class="code">&amp;#xe6a5;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a6;</i>
                    <div class="name">灶具</div>
                    <div class="code">&amp;#xe6a6;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe68d;</i>
                    <div class="name">保险箱</div>
                    <div class="code">&amp;#xe68d;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe698;</i>
                    <div class="name">多功能充电器</div>
                    <div class="code">&amp;#xe698;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe697;</i>
                    <div class="name">卫生间</div>
                    <div class="code">&amp;#xe697;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a8;</i>
                    <div class="name">宽带</div>
                    <div class="code">&amp;#xe6a8;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6ab;</i>
                    <div class="name">收费宽带</div>
                    <div class="code">&amp;#xe6ab;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6bd;</i>
                    <div class="name">收费WIFI</div>
                    <div class="code">&amp;#xe6bd;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6c1;</i>
                    <div class="name">浴缸</div>
                    <div class="code">&amp;#xe6c1;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6a4;</i>
                    <div class="name">多种规格电源插座</div>
                    <div class="code">&amp;#xe6a4;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6c2;</i>
                    <div class="name">自行车</div>
                    <div class="code">&amp;#xe6c2;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe692;</i>
                    <div class="name">熨斗机</div>
                    <div class="code">&amp;#xe692;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6ba;</i>
                    <div class="name">24小时大堂经理</div>
                    <div class="code">&amp;#xe6ba;</div>
                </li>
            
                <li>
                <i class="icon fafont">&#xe6c4;</i>
                    <div class="name">浴缸</div>
                    <div class="code">&amp;#xe6c4;</div>
                </li>
            
        </ul>
        <h2 id="unicode-">unicode引用</h2>
        <hr>

        <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
        <ul>
        <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
        <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
        <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
        </ul>
        <blockquote>
        <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
        </blockquote>
        <p>unicode使用步骤如下：</p>
        <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
        <pre><code class="lang-js hljs javascript">@font-face {
  font-family: <span class="hljs-string">'fafont'</span>;
  src: url(<span class="hljs-string">'iconfont.eot'</span>);
  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
  url(<span class="hljs-string">'iconfont.svg#fafont'</span>) format(<span class="hljs-string">'svg'</span>);
}
</code></pre>
        <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
        <pre><code class="lang-js hljs javascript">.fafont{
  font-family:<span class="hljs-string">"fafont"</span> !important;
  font-size:<span class="hljs-number">16</span>px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
        <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fafont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>

        <blockquote>
        <p>"fafont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>


</body>
</html>
